<template>
  <a-modal v-model="visible" title="下载签到码" :footer="null">
    <div class="disFlxAC flexCol flexCenter gap-24">
      <img :src="img" alt="" style="width: 280px;" />
      <a-button type="primary" ghost @click="handleDownloadQrcode">
        下载二维码
      </a-button>
      <div class="disFlx flexAStart" style="flex-wrap: nowrap;">
        <div class="disFlxAC">
          <a-icon type="question-circle" theme="filled" />
          <span class="_ml-4 _mr_8">猜你想问：</span>
        </div>

        <div class="">
          <a
            href="https://mp.weixin.qq.com/s?__biz=Mzk0OTcyMTI5MQ==&mid=2247485786&idx=1&sn=43bced1f901171b922307983cf1e738f&chksm=c35548fef422c1e8cb490aa031905826f1f7c06050ae1600b185ab067e9d1f09fa383c06ace7#rd"
            target="_blank"
          >
            活动现场签到流程及胸卡设计指引？
          </a>
          <br />
          <a href="https://www.yuque.com/hbkj2024/mdvank/gahnlo8ulfdy59bz?singleDoc#" target="_blank"
            >怎么设计制作签到码？</a
          >
        </div>
      </div>
    </div>
  </a-modal>
</template>
<script>
export default {
  data() {
    return {
      visible: false,
      img: ''
    }
  },

  methods: {
    openModel(row) {
      this.img = row.qrcode + `?attname=${row.signName}.jpg`
      this.visible = true
    },
    handleDownloadQrcode() {
      window.open(this.img, '_self')
    }
  }
}
</script>
<style lang="less" scoped></style>
